<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>人和时代</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
  <link href="lib/bootstrap-4.4.1-dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel='stylesheet' id='wa.min.css-css' href='css/wa.min.css?ver=20181211200849' type='text/css' media='all' />
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
</head>

<body>
  <!-- 导航 -->
  <nav class="navWrap">
    <div class="navBarWrap flex">
      <div class="brand logo2"><img src="images/logo.png" alt="" srcset=""></div>
      <div class="meun flex">
        <div class="menuWrap hide">
          <div class="menuList flex">
            <div class="item menuItem active"><a href="index.html">首页</a></div>
            <div class="item menuItem"><a href="case.html">案例</a></div>
            <div class="item menuItem"><a href="usergood.html">我们的优势</a></div>
            <div class="item  menuItem">
              <a href="user.html">我们能做什么</a>
              <div class="subTitleWrap menuItem weCanItem">
                <!-- 我们能做什么 下拉菜单 -->
                <div class="weCanDo flex">
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">品牌战略咨询</p>
                        <p class="tit_sub">Brand strategy consulting</p>
                      </dt>
                      <dd><a href="">战略规划</a></dd>
                      <dd class="active"><a href="">定位咨询</a></dd>
                      <dd><a href="">企业架构梳理</a></dd>
                      <dd><a href="">理念口号</a></dd>
                      <dd><a href="">策划命名</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">品牌形象设计</p>
                        <p class="tit_sub">Brand identity design</p>
                      </dt>
                      <dd><a href="">标志设计 \ VIS设计</a></dd>
                      <dd><a href="">导视标牌设计</a></dd>
                      <dd><a href="">软装设计</a></dd>
                      <dd><a href="">灯光工程</a></dd>
                      <dd><a href="">酒店推广物料设计</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">导示规划与设计</p>
                        <p class="tit_sub">Guide planning and design</p>
                      </dt>
                      <dd><a href="">城市、小镇公共环境规划</a></dd>
                      <dd><a href="">旅游度假景区导视</a></dd>
                      <dd><a href="">商业综合体&大型商场</a></dd>
                      <dd><a href="">地产导示系统设计</a></dd>
                      <dd><a href="">星级酒店\温泉\高端会所</a></dd>
                      <dd><a href="">办公空</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">工程制作</p>
                        <p class="tit_sub">Engineering production</p>
                      </dt>
                      <dd><a href="">工程灯光设计&施工</a></dd>
                      <dd><a href="">导示标识制作、安装</a></dd>
                      <dd><a href="">宣传物料印刷</a></dd>
                      <dd><a href="">产品&用品设计与打样</a></dd>
                      <dd><a href="">纪念礼品设计&制作</a></dd>
                    </dl>
                  </div>

                </div>
              </div>
            </div>
            <div class="item menuItem"><a href="usertelphone.html">联系</a></div>
            <div class="item menuItem">
              <a href="hotelManagement.html">酒店管理</a>
              <div class="subTitleWrap menuItem hotel">
                <div class="weCanDo flex">
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">品牌战略咨询</p>
                        <p class="tit_sub">Brand strategy consulting</p>
                      </dt>
                      <dd><a href="">战略规划</a></dd>
                      <dd class="active"><a href="">定位咨询</a></dd>
                      <dd><a href="">企业架构梳理</a></dd>
                      <dd><a href="">理念口号</a></dd>
                      <dd><a href="">策划命名</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">品牌形象设计</p>
                        <p class="tit_sub">Brand identity design</p>
                      </dt>
                      <dd><a href="">标志设计 \ VIS设计</a></dd>
                      <dd><a href="">导视标牌设计</a></dd>
                      <dd><a href="">软装设计</a></dd>
                      <dd><a href="">灯光工程</a></dd>
                      <dd><a href="">酒店推广物料设计</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu"> 
                    <dl>
                      <dt>
                        <p class="tit">导示规划与设计</p>
                        <p class="tit_sub">Guide planning and design</p>
                      </dt>
                      <dd><a href="">城市、小镇公共环境规划</a></dd>
                      <dd><a href="">旅游度假景区导视</a></dd>
                      <dd><a href="">商业综合体&大型商场</a></dd>
                      <dd><a href="">地产导示系统设计</a></dd>
                      <dd><a href="">星级酒店\温泉\高端会所</a></dd>
                      <dd><a href="">办公空</a></dd>
                    </dl>
                  </div>
                  <div class="itemMenu">
                    <dl>
                      <dt>
                        <p class="tit">工程制作</p>
                        <p class="tit_sub">Engineering production</p>
                      </dt>
                      <dd><a href="">工程灯光设计&施工</a></dd>
                      <dd><a href="">导示标识制作、安装</a></dd>
                      <dd><a href="">宣传物料印刷</a></dd>
                      <dd><a href="">产品&用品设计与打样</a></dd>
                      <dd><a href="">纪念礼品设计&制作</a></dd>
                    </dl>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="meunIcon">
          <div class="toggler" onclick="showMaskMenu()"></div>
        </div>
      </div>
    </div>
  </nav>
  
  <div class="maskMenu hide">
    <div class="menuClose" onclick="hideMaskMenu()">
      <svg class="bi bi-x text-close"  viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path fill-rule="evenodd" d="M5.646 5.646a.5.5 0 000 .708l8 8a.5.5 0 00.708-.708l-8-8a.5.5 0 00-.708 0z" clip-rule="evenodd"/>
        <path fill-rule="evenodd" d="M14.354 5.646a.5.5 0 010 .708l-8 8a.5.5 0 01-.708-.708l8-8a.5.5 0 01.708 0z" clip-rule="evenodd"/>
      </svg>
    </div>
    <div class="maskMenuItem flex">
      <div class="left">
        <ul>
          <li><a href="">关于</a></li>
          <li><a href="">按</a></li>
          <li><a href="">联系</a></li>
          <li><a href="">招贤纳士</a></li>
          <li><a href="">店</a></li>
          <li><a href="24.html">24小时组装</a></li>
          <li><a href="">本地作品</a></li>
        </ul>
      </div>
      <div class="right">
        <div class="tit">链接</div>
        <ul>
          <li><a href="">Instagram的</a></li>
          <li><a href="">领英</a></li>
          <li><a href="">维特</a></li>
          <li><a href="">Pinterest的</a></li>
          <li><a href="">运球</a></li>
          <li><a href="">通讯</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 导航end -->

  <div class="tips">
    <div class="tips_txt">
      <p class="des">全球性品牌和发展中品牌，战略合作、用心定制
        国际级品牌建设服务。</p>
      <p>向下滚动以查看我们最近的工作。</p>
    </div>
    <div class="tabWrap">
      <div class="tabMenu flex">
        <div class="item active"><a href="">推荐案例</a></div>
        <div class="item"><a href="">度假景区</a></div>
        <div class="item"><a href="">商业综合体</a></div>
        <div class="item"><a href="">酒店&温泉</a></div>
        <div class="item"><a href="">主题商场</a></div>
        <div class="item"><a href="">CBA地产</a></div>
        <div class="item"><a href="">城市公共环境</a></div>

        <div class="icon"><img src="images/react.png" alt=""></div>
      </div>
    </div>
  </div>
  
  <!-- 图片列表 -->
  <section id="grid" data-identifier="home">
    <ul class="fitted-grid fit-to-parent">
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/28/GUARDIAN_SHORT-LOOP_NAVY.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2" data-background='images/IMG_9481_1012px.jpg'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/28/24-Hour-Assembly_Logo-Animation_080918.mp4'
        class="cell-1-1 link out-view">
        <a href='http://24hourassembly.com/' target='_blank' title='24 Hour Assembly'></a>
        <div class="arrow">
          <img src="other/arrow-up.svg" alt="">
        </div>
      </li>
      <li data-cell-type="image" data-cell-size="1,1" data-background='images/AXIOLOGY_01_1012px.jpg'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2" data-background='images/SANZO_Can_05_1012px.jpg'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1" data-background='images/TWA_Office_01_1012px.jpg'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2" data-background='images/SANZO_Can_05_1012px.jpg'
        class="cell-2-2 link out-view">
        <a href='http://adage.com/article/cmo-strategy/massmutual-pushes-multi-generational-dependence/309017/'
          target='_blank'></a>
        <div class="arrow">
          <img src="other/arrow-up.svg" alt="">
        </div>
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/30/21/50/MOIC_Icons.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1" data-background='images/TWA_Pins_1012px.jpg'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/42/LOLA_Tampon-GIF_506x1012_080918.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1" data-background='images/AVION-29.jpg' class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/44/TAME_Bottle_02_Yellow-BG_1012px.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1" data-background='images/KIN_Bizcard_20180926.jpg'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/47/GUARDIAN_COLLATERAL-V4_1012px.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/50/FridayFives-GIF-SQ2.mp4'
        class="cell-1-1 link out-view">
        <a href='https://theworkingassembly.us16.list-manage.com/subscribe?u=7ceb35a20d9136954c7300a62&id=69742a241a'
          title='Friday Fives'></a>
        <div class="arrow">
          <img src="other/arrow-up.svg" alt="">
        </div>
      </li>
      <li data-cell-type="image" data-cell-size="1,2" data-background='images/NYCGO_20180926.jpg'
        class="cell-1-2 link out-view">
        <a href='http://www.thedieline.com/blog/2017/7/19/nyc-its-time-to-eat-behind-the-new-design-for-nyc-restaurant-week'
          target='_blank' title='Friday Fives'></a>
        <div class="arrow">
          <img src="other/arrow-up.svg" alt="">
        </div>
      </li>
      <li data-cell-type="image" data-cell-size="1,1" data-background='images/Embroidered_Tag4.jpg'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1" data-background='images/20170208-TWA-JDP_5176.jpg'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/48/DA-2.mp4' class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2" data-background='images/MOIC_FrontEntrance_Miami_1012px.jpg'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2" data-background='images/WayUp_Mock_IPad_2000x2000.jpg'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/52/KinWeb_Reduced2.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/30/22/05/ABP_LogoConcepts.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/54/Bombfell-Collateral-GIF.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1" data-background='images/Kin_Tote-2.jpg' class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/SANZO_Calamansi_FlatLay_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3bafd2088adf404c3658ad05c8e71722'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/LOLA-case-study8_edited2.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=a147f1ea55ac65aed7d78cfc4e0359d5'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/CALIA_mobile.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3ba0ee4866e9aadd185c007904f2fc1f'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/40/ONDA_1012px.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/SHINE_OOH_01_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=9561626664e6acce0a2bf476c0242066'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/23.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=c3d6634a92d4b583c4e68bd22911a86c'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/Bakerie_1012x1012_082018.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=6023c888919e3995c625cf64c1e1872b'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/57/COMPASS_Logos.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/TWA_Office_02_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=b5d32cd91c0b8c6b6c6ac225cb8c84d6'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/ZOLA_OOH_Flat_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=d142e6db8500dfee671d21887c3adb25'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/00/Hudson_Process-Logos_GIF_506x1012.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/03/IZO_LogoAnimation_506x1012_080918.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/08/16/21/00/FIGURE8.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/matches.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=1a13991925bba1e7a7c14126355e2fca'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/25/13/30/NYCGO_vid.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/wg_coasters_edited.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=247e66ad41f6419025344eb8ec315104'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/SHINE_App_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=7ba4b8a704a8bd3b4a6c77395fd9895c'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/AXIOLOGY_02_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=367161cbf3cd99117b78091022ef6e3a'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/15.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=6e95f39641c23f9df9151cd15e9c5dac'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/BAKERIE_05_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=0b9aa436d12f59c16c28c12d7d6347e0'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/ACUMEN_Window.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=4dffe7c72fb3831dfbcc1197512a49c2'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/04/BEWELL_Social_GIF.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/LOLA_20190926.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=96d0727aa98d25c4352930e87fa7545e'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/14/59/MM_SWAG_GIF_1012x1012px_081518.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/TWA-Polaroids_1012x2024_080918.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=76c349ee424a6890f6d52a4ee15f91a5'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/06/HENRY_LogoConcepts.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/swagSmall.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=ff7db421dbce69a78af2d04036a85da8'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/SHINE_OOH_02_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3c1f06aad6fc69ad085fbe9cfbf52375'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/INFINITYDOCTORS_BizCard_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=c64d2da1c7c1c432cbd0ca69bb932981'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/08/ZOLA_Lookbook_20180926.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/TWA-Office_1012x2024_080918.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=e114cc33e0d5aa52717ba43e3049580a'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/FLOCK_Logo_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=a5dba5f25ea4b0bac2dfe9c71d8c39fd'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/AMERICAN-MORTALS_Square_506px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=e15d2c57bcb285a73d7aff73f5551aad'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/WINKBEDS_Instructions.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=4095279dda625267afb2fe612a820eee'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/10/VacayAnimation.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/12/REMESH_Gif_1012px.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/06.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=64b197a9ceb4e982dfafb5c3baaee0a3'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/SANZO_Calamansi_Green-BG_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=5d242731cc2ac1ff8efb935c34b09fc6'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/TheEdison_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=1b4de755ea89d7b8fb5dc4c5026d1c15'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/FLOCK_01_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=0c79208df8f36c8fd70b0fd389711560'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/IZO_MOCK_Ipad-Buttons_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=b2aeb7f9571703ea0bb988fe3dcee334'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/WAYUP_Tote_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=f07edf522b4413024e2930350b04bcf1'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/14/PrideIG.mp4'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/25/14/34/MORROW_Gif.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/MEAT_menuv3_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=b8a03d0d7378de2f80448130f3406d48'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/WAYUP_Poster_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=da3b4e9871c9474781cb4956e802a5bd'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/ZOLA_OOH_01_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=fab890ffbb1f009745b6b0600d325d8b'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/EDISON_WelcomeKit_2024x2024_080918.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=18ff1ab94629f31c93821de9ce0f4ec9'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/Option1D-Side-edited.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3dbe7fc487c240ab0292f55be0e658e4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/TWA_Office_People_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=199dee5f8becd576b78c6ae6df3669a9'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/urban-image.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=b5a6c3ac8c47747ce521be57c8a1c90f'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/hudson-sq.png?fm=png&ixlib=php-1.2.1&q=90&s=370034a33b5fad93d654351f79366fbe'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/29.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3cd904d2b67685a6044c83a161d91094'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/09/15/15/RUMBLEYARD_LogoConcepts_1012px.mp4'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,1"
        data-background='other/Mike-Schwartz_003.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=3e6cbbb73f8f4ca7d6e2b8559e74dd87'
        class="cell-2-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="2,2"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/25/18/24/ZolaMontage_Centered_NoAudio_1012px.mp4'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="2,2"
        data-background='other/SOTHEBYS_Magazine_1012px.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=2d10c61d6bb443e041de2907cf2f1864'
        class="cell-2-2 out-view">
      </li>
      <li data-cell-type="image" data-cell-size="1,1"
        data-background='other/WinkBeds_appv2.jpg?fm=pjpg&ixlib=php-1.2.1&q=90&s=14bfe8288c36fd9e11f73a2f44ad1e61'
        class="cell-1-1 out-view">
      </li>
      <li data-cell-type="video" data-cell-size="1,1"
        data-background-video='https://twa-media.s3.amazonaws.com/2019/07/30/22/15/ABP_Can_506px.mp4'
        class="cell-1-1 out-view">
      </li>
    </ul>
  </section>
  <div class="center-block very_more">
    <a href="#" >点击查看更多案例 +</a>
  </div>


  <!-- <div class="sectionCenter">
    <div class="container-fluid">
      <div class="up">
        <img src="images/ying.png" alt="">
        <div class="imgTxt">CRT酒店管理公司是“杜森博格”在全世界范围内唯一一家被授权使用杜森博格品牌，在高端酒店服务业领域进行酒店经营管理的公司。</div>
      </div>
      <div class="down">
        <img src="images/icon1.png" alt="">
        <p>Friedrich & August Duesenberg Brothers</p>
      </div>

    </div>
  </div> -->

  <!-- 轮播图 -->
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
      <!-- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> -->
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <a href=""> <img src="./images/picture1.jpg" class="d-block w-100" alt="..."></a>
       
      </div>
      <div class="carousel-item">
        <a href=""><img src="./images/picture2.jpg" class="d-block w-100" alt="..."></a>
        
      </div>

    </div>
    <!-- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a> -->
  </div>


  <!-- 合作客户 -->
  <div class="cooperativeClient">
    <div class="title">
      <p class="client">合作客户</p>
      <p class="sub_tit">Client</p>
      <p class="sub_tit2">我们的一些客户</p>
    </div>
    <div class="container-fluid">
      <div class="list flex">
        <div class="itemIcon"><img src="images/cilent1.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent2.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent3.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent4.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent5.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent6.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent7.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent8.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent9.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent10.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent11.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent12.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent13.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent14.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent15.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent16.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent17.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent18.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent19.png" alt=""></div>
        <div class="itemIcon"><img src="images/cilent20.png" alt=""></div>
      </div>
    </div>
  </div>
  <!-- 新闻 -->
  <div class="newList">
    <div class="container-fluid">
      <div class="row list-item">
        <div class="imgIcon col-md-6">
          <img class="img-fluid" src="images/news1.png" alt="">
        </div>
        <div class="category col-md-6 pdl">
          <div class="tit"><a href=""> 新闻资讯 <span>News</span></a></div>
          <div class="des">
            <div class="des_tit"><a href="">中国酒店才俊俱乐部战略合作签约仪式！</a> </div>
            <div class="des_content textMulit">
              标识与花园，标识的结合是融合规划、建筑、空间、雕塑、逻辑、色彩、美学、材质组合于一体的产物,它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它
            </div>
            <div class="des_btn"><a href="">阅读详情 + </a></div>
          </div>
          <ul class="flex">
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a>
                CRT谈城市标识主色彩的CRT谈城市标识主色彩的</div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
          </ul>
        </div>
      </div>

      <div class="row list-item">
        <div class="category col-md-6">
          <div class="tit"><a href=""> 品牌百科 <span>Brand Encyclopedia</span></a></div>

          <div class="des">
            <div class="des_tit"> <a href="">标识牌与花园如何结合设计统一化！</a> </div>
            <div class="des_content textMulit">
              标识与花园，标识的结合是融合规划、建筑、空间、雕塑、逻辑、色彩、美学、材质组合于一体的产物,它既不是简单的文字,更不是所谓的牌,它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它
            </div>
            <div class="des_btn"><a href="">阅读详情 + </a></div>
          </div>
          <ul class="flex">
            <li class="flex">
              <div class="txt textSingle"><a href="">华侨城酒店标志欣赏色彩的CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a>
                CRT谈城市标识主色彩的CRT谈城市标识主色彩的</div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
          </ul>
        </div>
        <div class="imgIcon col-md-6 pdl">
          <img src="images/news2.png" alt="">
        </div>

      </div>

      <div class="row list-item">
        <div class="imgIcon col-md-6">
          <img src="images/new3.png" alt="">
        </div>
        <div class="category col-md-6 pdl">
        
          <div class="tit"><a href=""> 设计分享 <span>Design sharing</span></a></div>

          <div class="des">
            <div class="des_tit"><a href="">绿地集团嵩山小镇标识设计分享！</a> </div>
            <div class="des_content textMulit">
              标识与花园，标识的结合是融合规划、建筑、空间、雕塑、逻辑、色彩、美学、材质组合于一体的产物,它既不是简单的文字,更不是所谓的牌,它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它它既不是简单的文字,更不是所谓的牌子,它
            </div>
            <div class="des_btn"><a href="">阅读详情 + </a></div>
          </div>
          <ul class="flex">
            <li class="flex">
              <div class="txt textSingle"><a href="">南宁万丽酒店标识设计赏色CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a>
                CRT谈城市标识主色彩的CRT谈城市标识主色彩的</div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>
            <li class="flex">
              <div class="txt textSingle"><a href="">CRT谈城市标识主色彩的CRT谈城市标识主色彩的 CRT谈城市标识主色彩的CRT谈城市标识主色彩的</a></div>
            </li>

          </ul>
        </div>
      </div>

    </div>
  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="container-fluid">
      <div class="row test ">
        <div class="col-md-5">
          <div class="left">
            <div class="tit">
              <a href="">深圳</a>
              <a href="">北京</a>
              <a href="">上海</a>
              <a href="">香港</a>
              <a href="">新加坡</a>
            </div>
            <div class="copyright">
              <p>网站地图 XML地图 新闻</p>
              <p>Copyright@1983-2019 CRT group. </p>
              <p>NanShan District, Shenzhen, China Rhtimes Design. 713.523.3425</p>
            </div>
            <div class="num">粤ICP备09027073号</div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="center scroll_wrap">
            <div class="tit2"> <a href="">友情链接</a></div>
            <div class="listWrap scroll_cont">
           
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">品牌规划</a></div>
                <div class="list_r flex-item-1"><a href="">品牌规划</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店设计公司</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex">
                <div class="list_l flex-item-1"><a href="">酒店导视规划设计</a></div>
                <div class="list_r flex-item-1"><a href="">品牌规划</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
              <div class="list-item flex ">
                <div class="list_l flex-item-1"><a href="">酒店VI设计</a></div>
                <div class="list_r flex-item-1"><a href="">酒店设计公司</a></div>
              </div>
            </div>
          </div>

        </div>
        <div class="col-md-3">
          <div class="centerTwo">
            <div class="contact">
              <p class="colorOne">咨询电话 Tel</p>
              <p>+86 <span class="colorOne">755 86193667</span></p>
              <p>+86 <span class="colorOne">138 2318 5580</span><span class="name">（夏先生）</span></p>
              <div class="qq">1622982@qq.com</div>
              <div class="share">
                <p>分享到</p>
                <!-- TODO修改 添加弹出二维码-->
                <div class="icon flex">
                  <a href="" class="shareSina"><img class="sina" src="images/sina.png" alt=""></a>
                  <a href="tencent://message/?uin=1622982&Site=uemo&Menu=yes"   ><img class="tengxun" src="images/qq.png" alt=""></a>
                  <a href="javascript:void(0)" 
                  class="shareWx"
                  tabindex="0" 
                  title="扫一扫" 
                  data-toggle="popover" 
                  data-placement="bottom"
                  data-content='<img src="images/qcode.png" alt=""/>'
                  >
                    <img class="wx" src="images/wx.png" alt="">
                  </a>
              </div>
            </div>
            </div>  
          </div>
        </div>
        <div class="col-md-1">
          <div class="right">
            <div class="qcode"><img src="images/qcode.png" alt=""></div>
            <p>微信咨询 夏先生</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 返回顶部 -->
  <div class="backtop">
    <div class="icon"><img class="img" src="images/backtop.png" alt=""></div>
  </div>
  <script src="js/jquery-3.4.1.min.js"></script>
  <script type='text/javascript' defer src='js/jquery-migrate.min.js?ver=20181211200849'></script>
  <script type='text/javascript' defer src='js/wa.min.js?ver=20181211200849'></script>
  <script type='text/javascript' defer src='js/wp-embed.min.js?ver=20181211200849'></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
  </script>
  <script src="lib/bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
  <!-- TODO 引入新js -->
  <script src="lib/bootstrap-4.4.1-dist/js/bootstrap.bundle.js"></script>
  <script src="js/common.js"></script>
  <script src="js/index.js"></script>
  <!-- TODO 引入新js -->
  <script src="js/jquery.mCustomScrollbar.concat.m.js"></script>
  <script src="js/fastclick.js" ></script>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <script>
  /*
  轮播图时间
  */
  $(document).ready(function () {
    $('.carousel').carousel({
      interval: 1800
    })
    const video = $('video');
    if (window.WeixinJSBridge) {
      WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
        video.play();
      }, false);
    } else {
      document.addEventListener("WeixinJSBridgeReady", function () {
        WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
          video.play();
        });
      }, false);
    }
    video.play();
  })


  //  移动设备上的浏览器,优化点击事件
  $(function () {
    FastClick.attach(document.body);
  });

 
  </script>
</body>

</html>